<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>index</title>
    <link rel="stylesheet" href="css/style.css" />
  </head>

  <body>
    <header>
      <div class="container">
        <a href="index.html"> <img src="images/logo.png" /> </a>
        <nav>
          <a class="Home active" href="index.html">Home</a>
          <a class="Course" href="#">Course</a>
          <a class="Actual" href="#">Actual</a>
          <a class="Plan" href="#">Plan</a> <a class="FAQ" href="#">FAQ</a>
          <a class="Notes" href="#">Notes</a>
        </nav>
      </div>
    </header>
    <section class="banner">
      <ul>
        <li class="active"><img src="images/banner/banner1.jpg" alt="" /></li>
        <li class="left"><img src="images/banner/banner3.jpg" alt="" /></li>
        <li class="right"><img src="images/banner/banner2.jpg" alt="" /></li>
      </ul>
    </section>
    <section class="main">
      <aside>
        <h1>Recent <samp>Course</samp></h1>
        <dl>
          <dt>Hyper Text Markup Language</dt>
          <dd><img src="images/Course/05_05.png" alt="" /></dd>
          <dd>
            HTML is the standard markup language used to create web pages and
            its elements form the building blocks of all websites.
          </dd>
        </dl>
        <dl>
          <dt>Cascading Style Sheets</dt>
          <dd><img src="images/Course/06_04.png" alt="" /></dd>
          <dd>
            Cascading Style Sheets (CSS) is a simple mechanism for adding style
            (e.g., fonts, colors, spacing) to Web documents.
          </dd>
        </dl>
        <dl>
          <dt>JavaScript</dt>
          <dd><img src="images/Course/09_07.png" alt="" /></dd>
          <dd>
            JavaScript is a high-level, dynamic, untyped, and interpreted
            programming language.
          </dd>
        </dl>
        <dl>
          <dt>AngularJS</dt>
          <dd><img src="images/Course/02_09.png" alt="" /></dd>
          <dd>
            AngularJS is an open-source web application framework mainly
            maintained by Google and by a community of individuals and...
          </dd>
        </dl>
      </aside>
      <article>
        <h1>Welcome to <samp>Massive Open Online Course!</samp></h1>
        <p>
          We provide the latest knowledge to help you cope with the changing
          world!
        </p>
        <img src="images/article.jpg" />
        <p>
          We hope that all the students who love the Internet can be more
          convenient access to learning resources, using the Internet thinking
          to change our learning.
        </p>
        <p>
          Focus on IT skills education MOOC, consistent with the development
          trend of the Internet down to earth's MOOC. We are free, we only teach
          useful, we concentrate on education.
        </p>
      </article>
    </section>
    <footer>
      <div class="container">
        <p>Copyright © 2016 imooc.com All Rights Reserved.</p>
        <span>
          <img src="images/icon/weichat.png" />
          <img src="images/icon/sina.png" /> <img src="images/icon/qq.png" />
        </span>
      </div>
    </footer>
  </body>
</html>
